<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Sgvizler</title>
    <meta charset="UTF-8"/>
    <link rel="shortcut icon" href="../../www/favicon.ico" />
    <style type="text/css">
      div#footer{
      border-top: 1px solid #ccc;
      color: #666;
      font-size: 80%;
      }
      div#footer a{
      color: #555;
      }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>  
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" id="sgvzlr_script" src="../sgvizler.js"></script>
    <script type="text/javascript">
      sgvizler.queryOptions = {
      //'query':                  "SELECT ?class (count(?instance) AS ?noOfInstances)\nWHERE{ ?instance a ?class }\nGROUP BY ?class\nORDER BY ?class",
      //'endpoint':               "http://sws.ifi.uio.no/sparql/npd",
      'endpointOutput':         'json',  /* only 'xml' or 'json' is supported */
      //'endpointQueryURL':       "?output=text&amp;query=",
      //'chart':                  'gLineChart',
      //'loglevel':               2
      };

      sgvizler.namespaces['foaf'] = 'http://xmlns.com/foaf/0.1/';
      sgvizler.namespaces['geo'] =  'http://www.w3.org/2003/01/geo/wgs84_pos#' ;
      sgvizler.namespaces['dbp'] =    'http://dbpedia.org/resource/';

      sgvizler.chartOptions = {};
      
      //// Leave this as is. Ready, steady, go!
      $(document).ready(sgvizler.go());
    </script>
  </head>
  <body>
    <h1>Sgvizler</h1>

    <p>Test page for Sgvizler. Due to the amount of data gathered in
      total for these charts, some might not show up but give an error
      at first. Try then to reload page.</p>


    <h2>FROM</h2>

    <div id="sgvzl_example31"
	 data-sgvizler-endpoint="http://sws.ifi.uio.no/sparql/from"
	 data-sgvizler-rdf="http://folk.uio.no/martige/foaf|http://folk.uio.no/martingi/foaf.rdf"
	 data-sgvizler-query="SELECT *
			      WHERE{?s foaf:knows ?o}
			      LIMIT 10"
	 data-sgvizler-chart="gTable"
	 data-sgvizler-loglevel="2"
	 style="height:400px"
	 ></div>

    <div id="footer">
      <!-- Please leave a link to the Sgvizler homepage --> 
      <p>
	Sgvizler visualizes the result of SPARQL SELECT queries using
	javascript and the Google Visualization API. For more
	information, see
	the <a href="http://sws.ifi.uio.no/sgvizler/">Sgvizler</a>
	homepage. (c)
	2011 <a href="http://folk.uio.no/martige/">Martin
	  G. Skj&#230;veland</a>.
      </p>
    </div>
  </body>
</html>
